<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.div0{
			border: none;
		}
		.div1{
			border: 1px dashed black;
		}
		.div2{
			border: 1px solid black;
		}
		.div3{
			border: 3px double black;
		}
		.div4{
			border: 1px dotted black;
		}
		.div5{
			border: 5px groove;
		}
		.div6{
			border: 5px ridge;
		}
		.div7{
			border: 5px outset;
		}
		</style>
	</head>
	<body>
		<div class="div0">无边框</div><br />
		<div class="div1">虚线边框</div><br />
		<div class="div2">实线边框</div><br />
		<div class="div3">双边框</div><br />
		<div class="div4">点状边框</div><br />
		<div class="div5">定义3D凹槽边框</div><br />
		<div class="div6">定义3D垄状边框</div><br />
		<div class="div7">定义3Doutset边框</div>
	</body>
</html>
